<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
		<meta name="author" content="GeeksLabs">
		<meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">
		<link rel="shortcut icon" href="img/favicon.png">

		<title>Creative - Bootstrap Admin Template</title>

		<!-- Bootstrap CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- bootstrap theme -->
		<link href="css/bootstrap-theme.css" rel="stylesheet">
		<!--external css-->
		<!-- font icon -->
		<link href="css/elegant-icons-style.css" rel="stylesheet" />
		<link href="css/font-awesome.min.css" rel="stylesheet" />
		<!-- full calendar css-->
		<link href="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" />
		<link href="assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" />
		<!-- easy pie chart-->
		<link href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen" />
		<!-- owl carousel -->
		<link rel="stylesheet" href="css/owl.carousel.css" type="text/css">
		<link href="css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
		<!-- Custom styles -->
		<link rel="stylesheet" href="css/fullcalendar.css">
		<link href="css/widgets.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">
		<link href="css/style-responsive.css" rel="stylesheet" />
		<link href="css/xcharts.min.css" rel=" stylesheet">
		<link href="css/jquery-ui-1.10.4.min.css" rel="stylesheet">
		<!-- =======================================================
        Theme Name: NiceAdmin
        Theme URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
        Author: BootstrapMade
        Author URL: https://bootstrapmade.com
    ======================================================= -->
	</head>

	<body>
		<!-- container section start -->
		<section id="container" class="">

			<header class="header dark-bg">
				<div class="toggle-nav">
					<div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
				</div>

				<!--logo start-->
				<a href="index.html" class="logo">Nice <span class="lite">Admin</span></a>
				<!--logo end-->

				<div class="nav search-row" id="top_menu">
					<!--  search form start -->
					<ul class="nav top-menu">
						<li>
							<form class="navbar-form">
								<input class="form-control" placeholder="Search" type="text">
							</form>
						</li>
					</ul>
					<!--  search form end -->
				</div>

				<div class="top-nav notification-row">
					<!-- notificatoin dropdown start-->
					<ul class="nav pull-right top-menu">

						<!-- task notificatoin start -->
						<li id="task_notificatoin_bar" class="dropdown">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-task-l"></i>
								<span class="badge bg-important">6</span>
							</a>
							<ul class="dropdown-menu extended tasks-bar">
								<div class="notify-arrow notify-arrow-blue"></div>
								<li>
									<p class="blue">You have 6 pending letter</p>
								</li>
								<li>
									<a href="#">
										<div class="task-info">
											<div class="desc">Design PSD </div>
											<div class="percent">90%</div>
										</div>
										<div class="progress progress-striped">
											<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
												<span class="sr-only">90% Complete (success)</span>
											</div>
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<div class="task-info">
											<div class="desc">
												Project 1
											</div>
											<div class="percent">30%</div>
										</div>
										<div class="progress progress-striped">
											<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
												<span class="sr-only">30% Complete (warning)</span>
											</div>
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<div class="task-info">
											<div class="desc">Digital Marketing</div>
											<div class="percent">80%</div>
										</div>
										<div class="progress progress-striped">
											<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
												<span class="sr-only">80% Complete</span>
											</div>
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<div class="task-info">
											<div class="desc">Logo Designing</div>
											<div class="percent">78%</div>
										</div>
										<div class="progress progress-striped">
											<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100" style="width: 78%">
												<span class="sr-only">78% Complete (danger)</span>
											</div>
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<div class="task-info">
											<div class="desc">Mobile App</div>
											<div class="percent">50%</div>
										</div>
										<div class="progress progress-striped active">
											<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
												<span class="sr-only">50% Complete</span>
											</div>
										</div>

									</a>
								</li>
								<li class="external">
									<a href="#">See All Tasks</a>
								</li>
							</ul>
						</li>
						<!-- task notificatoin end -->
						<!-- inbox notificatoin start-->
						<li id="mail_notificatoin_bar" class="dropdown">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-envelope-l"></i>
								<span class="badge bg-important">5</span>
							</a>
							<ul class="dropdown-menu extended inbox">
								<div class="notify-arrow notify-arrow-blue"></div>
								<li>
									<p class="blue">You have 5 new messages</p>
								</li>
								<li>
									<a href="#">
										<span class="photo"><img alt="avatar" src="./img/avatar-mini.jpg"></span>
										<span class="subject">
                                    <span class="from">Greg  Martin</span>
										<span class="time">1 min</span>
										</span>
										<span class="message">
                                        I really like this admin panel.
                                    </span>
									</a>
								</li>
								<li>
									<a href="#">
										<span class="photo"><img alt="avatar" src="./img/avatar-mini2.jpg"></span>
										<span class="subject">
                                    <span class="from">Bob   Mckenzie</span>
										<span class="time">5 mins</span>
										</span>
										<span class="message">
                                     Hi, What is next project plan?
                                    </span>
									</a>
								</li>
								<li>
									<a href="#">
										<span class="photo"><img alt="avatar" src="./img/avatar-mini3.jpg"></span>
										<span class="subject">
                                    <span class="from">Phillip   Park</span>
										<span class="time">2 hrs</span>
										</span>
										<span class="message">
                                        I am like to buy this Admin Template.
                                    </span>
									</a>
								</li>
								<li>
									<a href="#">
										<span class="photo"><img alt="avatar" src="./img/avatar-mini4.jpg"></span>
										<span class="subject">
                                    <span class="from">Ray   Munoz</span>
										<span class="time">1 day</span>
										</span>
										<span class="message">
                                        Icon fonts are great.
                                    </span>
									</a>
								</li>
								<li>
									<a href="#">See all messages</a>
								</li>
							</ul>
						</li>
						<!-- inbox notificatoin end -->
						<!-- alert notification start-->
						<li id="alert_notificatoin_bar" class="dropdown">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">

								<i class="icon-bell-l"></i>
								<span class="badge bg-important">7</span>
							</a>
							<ul class="dropdown-menu extended notification">
								<div class="notify-arrow notify-arrow-blue"></div>
								<li>
									<p class="blue">You have 4 new notifications</p>
								</li>
								<li>
									<a href="#">
										<span class="label label-primary"><i class="icon_profile"></i></span> Friend Request
										<span class="small italic pull-right">5 mins</span>
									</a>
								</li>
								<li>
									<a href="#">
										<span class="label label-warning"><i class="icon_pin"></i></span> John location.
										<span class="small italic pull-right">50 mins</span>
									</a>
								</li>
								<li>
									<a href="#">
										<span class="label label-danger"><i class="icon_book_alt"></i></span> Project 3 Completed.
										<span class="small italic pull-right">1 hr</span>
									</a>
								</li>
								<li>
									<a href="#">
										<span class="label label-success"><i class="icon_like"></i></span> Mick appreciated your work.
										<span class="small italic pull-right"> Today</span>
									</a>
								</li>
								<li>
									<a href="#">See all notifications</a>
								</li>
							</ul>
						</li>
						<!-- alert notification end-->
						<!-- user login dropdown start-->
						<li class="dropdown">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<span class="profile-ava">
                                <img alt="" src="img/avatar1_small.jpg">
                            </span>
								<span class="username">Jenifer Smith</span>
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu extended logout">
								<div class="log-arrow-up"></div>
								<li class="eborder-top">
									<a href="#"><i class="icon_profile"></i> My Profile</a>
								</li>
								<li>
									<a href="#"><i class="icon_mail_alt"></i> My Inbox</a>
								</li>
								<li>
									<a href="#"><i class="icon_clock_alt"></i> Timeline</a>
								</li>
								<li>
									<a href="#"><i class="icon_chat_alt"></i> Chats</a>
								</li>
								<li>
									<a href="login.html"><i class="icon_key_alt"></i> Log Out</a>
								</li>
								<li>
									<a href="documentation.html"><i class="icon_key_alt"></i> Documentation</a>
								</li>
								<li>
									<a href="documentation.html"><i class="icon_key_alt"></i> Documentation</a>
								</li>
							</ul>
						</li>
						<!-- user login dropdown end -->
					</ul>
					<!-- notificatoin dropdown end-->
				</div>
			</header>
			<!--header end-->

			<!--sidebar start-->
			<aside>
				<div id="sidebar" class="nav-collapse ">
					<!-- sidebar menu start-->
					<ul class="sidebar-menu">
						<li class="active">
							<a class="" href="index.html">
								<i class="icon_house_alt"></i>
								<span>Dashboard</span>
							</a>
						</li>
						<li class="sub-menu">
							<a href="javascript:;" class="">
								<i class="icon_document_alt"></i>
								<span>Forms</span>
								<span class="menu-arrow arrow_carrot-right"></span>
							</a>
							<ul class="sub">
								<li>
									<a class="" href="form_component.html">Form Elements</a>
								</li>
								<li>
									<a class="" href="form_validation.html">Form Validation</a>
								</li>
							</ul>
						</li>
						<li class="sub-menu">
							<a href="javascript:;" class="">
								<i class="icon_desktop"></i>
								<span>UI Fitures</span>
								<span class="menu-arrow arrow_carrot-right"></span>
							</a>
							<ul class="sub">
								<li>
									<a class="" href="general.html">Elements</a>
								</li>
								<li>
									<a class="" href="buttons.html">Buttons</a>
								</li>
								<li>
									<a class="" href="grids.html">Grids</a>
								</li>
							</ul>
						</li>
						<li>
							<a class="" href="widgets.html">
								<i class="icon_genius"></i>
								<span>Widgets</span>
							</a>
						</li>
						<li>
							<a class="" href="chart-chartjs.html">
								<i class="icon_piechart"></i>
								<span>Charts</span>

							</a>

						</li>

						<li class="sub-menu">
							<a href="javascript:;" class="">
								<i class="icon_table"></i>
								<span>Tables</span>
								<span class="menu-arrow arrow_carrot-right"></span>
							</a>
							<ul class="sub">
								<li>
									<a class="" href="basic_table.html">Basic Table</a>
								</li>
							</ul>
						</li>

						<li class="sub-menu">
							<a href="javascript:;" class="">
								<i class="icon_documents_alt"></i>
								<span>Pages</span>
								<span class="menu-arrow arrow_carrot-right"></span>
							</a>
							<ul class="sub">
								<li>
									<a class="" href="profile.html">Profile</a>
								</li>
								<li>
									<a class="" href="login.html"><span>Login Page</span></a>
								</li>
								<li>
									<a class="" href="blank.html">Blank Page</a>
								</li>
								<li>
									<a class="" href="404.html">404 Error</a>
								</li>
							</ul>
						</li>

					</ul>
					<!-- sidebar menu end-->
				</div>
			</aside>
			<!--sidebar end-->

			<!--main content start-->
			<section id="main-content">
				<section class="wrapper">
					<!--overview start-->
					<div class="row">
						<div class="col-lg-12">
							<h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
							<ol class="breadcrumb">
								<li><i class="fa fa-home"></i>
									<a href="index.html">Home</a>
								</li>
								<li><i class="fa fa-laptop"></i>Dashboard</li>
							</ol>
						</div>
					</div>

					<div class="row">
						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
							<div class="info-box blue-bg">
								<i class="fa fa-cloud-download"></i>
								<div class="count">6.674</div>
								<div class="title">Download</div>
							</div>
							<!--/.info-box-->
						</div>
						<!--/.col-->

						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
							<div class="info-box brown-bg">
								<i class="fa fa-shopping-cart"></i>
								<div class="count">7.538</div>
								<div class="title">Purchased</div>
							</div>
							<!--/.info-box-->
						</div>
						<!--/.col-->

						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
							<div class="info-box dark-bg">
								<i class="fa fa-thumbs-o-up"></i>
								<div class="count">4.362</div>
								<div class="title">Order</div>
							</div>
							<!--/.info-box-->
						</div>
						<!--/.col-->

						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
							<div class="info-box green-bg">
								<i class="fa fa-cubes"></i>
								<div class="count">1.426</div>
								<div class="title">Stock</div>
							</div>
							<!--/.info-box-->
						</div>
						<!--/.col-->

					</div>
					<!--/.row-->

					<div class="row">
						<div class="col-lg-9 col-md-12">

							<div class="panel panel-default">
								<div class="panel-heading">
									<h2><i class="fa fa-map-marker red"></i><strong>Countries</strong></h2>
									<div class="panel-actions">
										<a href="index.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
										<a href="index.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
										<a href="index.html#" class="btn-close"><i class="fa fa-times"></i></a>
									</div>
								</div>
								<div class="panel-body-map">
									<div id="map" style="height:380px;"></div>
								</div>

							</div>
						</div>
						<div class="col-md-3">
							<!-- List starts -->
							<ul class="today-datas">
								<!-- List #1 -->
								<li>
									<!-- Graph -->
									<div><span id="todayspark1" class="spark"></span></div>
									<!-- Text -->
									<div class="datas-text">11,500 visitors/day</div>
								</li>
								<li>
									<div><span id="todayspark2" class="spark"></span></div>
									<div class="datas-text">15,000 Pageviews</div>
								</li>
								<li>
									<div><span id="todayspark3" class="spark"></span></div>
									<div class="datas-text">30.55% Bounce Rate</div>
								</li>
								<li>
									<div><span id="todayspark4" class="spark"></span></div>
									<div class="datas-text">$16,00 Revenue/Day</div>
								</li>
								<li>
									<div><span id="todayspark5" class="spark"></span></div>
									<div class="datas-text">12,000000 visitors every Month</div>
								</li>
							</ul>
						</div>

					</div>

					<!-- Today status end -->

					<div class="row">

						<div class="col-lg-9 col-md-12">
							<div class="panel panel-default">
								<div class="panel-heading">
									<h2><i class="fa fa-flag-o red"></i><strong>Registered Users</strong></h2>
									<div class="panel-actions">
										<a href="index.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
										<a href="index.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
										<a href="index.html#" class="btn-close"><i class="fa fa-times"></i></a>
									</div>
								</div>
								<div class="panel-body">
									<table class="table bootstrap-datatable countries">
										<thead>
											<tr>
												<th></th>
												<th>Country</th>
												<th>Users</th>
												<th>Online</th>
												<th>Performance</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td><img src="img/Germany.png" style="height:18px; margin-top:-2px;"></td>
												<td>Germany</td>
												<td>2563</td>
												<td>1025</td>
												<td>
													<div class="progress thin">
														<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="73" aria-valuemin="0" aria-valuemax="100" style="width: 73%">
														</div>
														<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="27" aria-valuemin="0" aria-valuemax="100" style="width: 27%">
														</div>
													</div>
													<span class="sr-only">73%</span>
												</td>
											</tr>
											<tr>
												<td><img src="img/India.png" style="height:18px; margin-top:-2px;"></td>
												<td>India</td>
												<td>3652</td>
												<td>2563</td>
												<td>
													<div class="progress thin">
														<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="57" aria-valuemin="0" aria-valuemax="100" style="width: 57%">
														</div>
														<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100" style="width: 43%">
														</div>
													</div>
													<span class="sr-only">57%</span>
												</td>
											</tr>
											<tr>
												<td><img src="img/Spain.png" style="height:18px; margin-top:-2px;"></td>
												<td>Spain</td>
												<td>562</td>
												<td>452</td>
												<td>
													<div class="progress thin">
														<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="93" aria-valuemin="0" aria-valuemax="100" style="width: 93%">
														</div>
														<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="7" aria-valuemin="0" aria-valuemax="100" style="width: 7%">
														</div>
													</div>
													<span class="sr-only">93%</span>
												</td>
											</tr>
											<tr>
												<td><img src="img/India.png" style="height:18px; margin-top:-2px;"></td>
												<td>Russia</td>
												<td>1258</td>
												<td>958</td>
												<td>
													<div class="progress thin">
														<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
														</div>
														<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
														</div>
													</div>
													<span class="sr-only">20%</span>
												</td>
											</tr>
											<tr>
												<td><img src="img/Spain.png" style="height:18px; margin-top:-2px;"></td>
												<td>USA</td>
												<td>4856</td>
												<td>3621</td>
												<td>
													<div class="progress thin">
														<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
														</div>
														<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
														</div>
													</div>
													<span class="sr-only">20%</span>
												</td>
											</tr>
											<tr>
												<td><img src="img/Germany.png" style="height:18px; margin-top:-2px;"></td>
												<td>Brazil</td>
												<td>265</td>
												<td>102</td>
												<td>
													<div class="progress thin">
														<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
														</div>
														<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
														</div>
													</div>
													<span class="sr-only">20%</span>
												</td>
											</tr>
											<tr>
												<td><img src="img/Germany.png" style="height:18px; margin-top:-2px;"></td>
												<td>Coloumbia</td>
												<td>265</td>
												<td>102</td>
												<td>
													<div class="progress thin">
														<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
														</div>
														<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
														</div>
													</div>
													<span class="sr-only">20%</span>
												</td>
											</tr>
											<tr>
												<td><img src="img/Germany.png" style="height:18px; margin-top:-2px;"></td>
												<td>France</td>
												<td>265</td>
												<td>102</td>
												<td>
													<div class="progress thin">
														<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
														</div>
														<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
														</div>
													</div>
													<span class="sr-only">20%</span>
												</td>
											</tr>
										</tbody>
									</table>
								</div>

							</div>

						</div>
						<!--/col-->
						<div class="col-md-3">

							<div class="social-box facebook">
								<i class="fa fa-facebook"></i>
								<ul>
									<li>
										<strong>256k</strong>
										<span>friends</span>
									</li>
									<li>
										<strong>359</strong>
										<span>feeds</span>
									</li>
								</ul>
							</div>
							<!--/social-box-->
						</div>
						<div class="col-md-3">

							<div class="social-box google-plus">
								<i class="fa fa-google-plus"></i>
								<ul>
									<li>
										<strong>962</strong>
										<span>followers</span>
									</li>
									<li>
										<strong>256</strong>
										<span>circles</span>
									</li>
								</ul>
							</div>
							<!--/social-box-->

						</div>
						<!--/col-->
						<div class="col-md-3">

							<div class="social-box twitter">
								<i class="fa fa-twitter"></i>
								<ul>
									<li>
										<strong>1562k</strong>
										<span>followers</span>
									</li>
									<li>
										<strong>2562</strong>
										<span>tweets</span>
									</li>
								</ul>
							</div>
							<!--/social-box-->

						</div>
						<!--/col-->

					</div>

					<!-- statics end -->

					<!-- project team & activity start -->
					<div class="row">
						<div class="col-md-4 portlets">
							<!-- Widget -->
							<div class="panel panel-default">
								<div class="panel-heading">
									<div class="pull-left">Message</div>
									<div class="widget-icons pull-right">
										<a href="#" class="wminimize"><i class="fa fa-chevron-up"></i></a>
										<a href="#" class="wclose"><i class="fa fa-times"></i></a>
									</div>
									<div class="clearfix"></div>
								</div>

								<div class="panel-body">
									<!-- Widget content -->
									<div class="padd sscroll">

										<ul class="chats">

											<!-- Chat by us. Use the class "by-me". -->
											<li class="by-me">
												<!-- Use the class "pull-left" in avatar -->
												<div class="avatar pull-left">
													<img src="img/user.jpg" alt="" />
												</div>

												<div class="chat-content">
													<!-- In meta area, first include "name" and then "time" -->
													<div class="chat-meta">John Smith <span class="pull-right">3 hours ago</span></div>
													Vivamus diam elit diam, consectetur dapibus adipiscing elit.
													<div class="clearfix"></div>
												</div>
											</li>

											<!-- Chat by other. Use the class "by-other". -->
											<li class="by-other">
												<!-- Use the class "pull-right" in avatar -->
												<div class="avatar pull-right">
													<img src="img/user22.png" alt="" />
												</div>

												<div class="chat-content">
													<!-- In the chat meta, first include "time" then "name" -->
													<div class="chat-meta">3 hours ago <span class="pull-right">Jenifer Smith</span></div>
													Vivamus diam elit diam, consectetur fconsectetur dapibus adipiscing elit.
													<div class="clearfix"></div>
												</div>
											</li>

											<li class="by-me">
												<div class="avatar pull-left">
													<img src="img/user.jpg" alt="" />
												</div>

												<div class="chat-content">
													<div class="chat-meta">John Smith <span class="pull-right">4 hours ago</span></div>
													Vivamus diam elit diam, consectetur fermentum sed dapibus eget, Vivamus consectetur dapibus adipiscing elit.
													<div class="clearfix"></div>
												</div>
											</li>

											<li class="by-other">
												<!-- Use the class "pull-right" in avatar -->
												<div class="avatar pull-right">
													<img src="img/user22.png" alt="" />
												</div>

												<div class="chat-content">
													<!-- In the chat meta, first include "time" then "name" -->
													<div class="chat-meta">3 hours ago <span class="pull-right">Jenifer Smith</span></div>
													Vivamus diam elit diam, consectetur fermentum sed dapibus eget, Vivamus consectetur dapibus adipiscing elit.
													<div class="clearfix"></div>
												</div>
											</li>

										</ul>

									</div>
									<!-- Widget footer -->
									<div class="widget-foot">

										<form class="form-inline">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="Type your message here...">
											</div>
											<button type="submit" class="btn btn-info">Send</button>
										</form>

									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-8">
							<!--Project Activity start-->
							<section class="panel">
								<div class="panel-body progress-panel">
									<div class="row">
										<div class="col-lg-8 task-progress pull-left">
											<h1>To Do Everyday</h1>
										</div>
										<div class="col-lg-4">
											<span class="profile-ava pull-right">
                                        <img alt="" class="simple" src="img/avatar1_small.jpg">
                                        Jenifer smith
                                </span>
										</div>
									</div>
								</div>
								<table class="table table-hover personal-task">
									<tbody>
										<tr>
											<td>Today</td>
											<td>
												web design
											</td>
											<td>
												<span class="badge bg-important">Upload</span>
											</td>
											<td>
												<span class="profile-ava">
                                        <img alt="" class="simple" src="img/avatar1_small.jpg">
                                    </span>
											</td>
										</tr>
										<tr>
											<td>Yesterday</td>
											<td>
												Project Design Task
											</td>
											<td>
												<span class="badge bg-success">Task</span>
											</td>
											<td>
												<div id="work-progress2"></div>
											</td>
										</tr>
										<tr>
											<td>21-10-14</td>
											<td>
												Generate Invoice
											</td>
											<td>
												<span class="badge bg-success">Task</span>
											</td>
											<td>
												<div id="work-progress3"></div>
											</td>
										</tr>
										<tr>
											<td>22-10-14</td>
											<td>
												Project Testing
											</td>
											<td>
												<span class="badge bg-primary">To-Do</span>
											</td>
											<td>
												<span class="profile-ava">
                                        <img alt="" class="simple" src="img/avatar1_small.jpg">
                                      </span>
											</td>
										</tr>
										<tr>
											<td>24-10-14</td>
											<td>
												Project Release Date
											</td>
											<td>
												<span class="badge bg-info">Milestone</span>
											</td>
											<td>
												<div id="work-progress4"></div>
											</td>
										</tr>
										<tr>
											<td>28-10-14</td>
											<td>
												Project Release Date
											</td>
											<td>
												<span class="badge bg-primary">To-Do</span>
											</td>
											<td>
												<div id="work-progress5"></div>
											</td>
										</tr>
										<tr>
											<td>Last week</td>
											<td>
												Project Release Date
											</td>
											<td>
												<span class="badge bg-primary">To-Do</span>
											</td>
											<td>
												<div id="work-progress1"></div>
											</td>
										</tr>
										<tr>
											<td>last month</td>
											<td>
												Project Release Date
											</td>
											<td>
												<span class="badge bg-success">To-Do</span>
											</td>
											<td>
												<span class="profile-ava">
                                        <img alt="" class="simple" src="img/avatar1_small.jpg">
                                      </span>
											</td>
										</tr>
									</tbody>
								</table>
							</section>
							<!--Project Activity end-->
						</div>
					</div><br><br>

					<div class="row">
						<div class="col-md-6 portlets">
							<div class="panel panel-default">
								<div class="panel-heading">
									<h2><strong>Calendar</strong></h2>
									<div class="panel-actions">
										<a href="#" class="wminimize"><i class="fa fa-chevron-up"></i></a>
										<a href="#" class="wclose"><i class="fa fa-times"></i></a>
									</div>

								</div><br><br><br>
								<div class="panel-body">
									<!-- Widget content -->

									<!-- Below line produces calendar. I am using FullCalendar plugin. -->
									<div id="calendar"></div>

								</div>
							</div>

						</div>

						<div class="col-md-6 portlets">
							<div class="panel panel-default">
								<div class="panel-heading">
									<div class="pull-left">Quick Post</div>
									<div class="widget-icons pull-right">
										<a href="#" class="wminimize"><i class="fa fa-chevron-up"></i></a>
										<a href="#" class="wclose"><i class="fa fa-times"></i></a>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="panel-body">
									<div class="padd">

										<div class="form quick-post">
											<!-- Edit profile form (not working)-->
											<form class="form-horizontal">
												<!-- Title -->
												<div class="form-group">
													<label class="control-label col-lg-2" for="title">Title</label>
													<div class="col-lg-10">
														<input type="text" class="form-control" id="title">
													</div>
												</div>
												<!-- Content -->
												<div class="form-group">
													<label class="control-label col-lg-2" for="content">Content</label>
													<div class="col-lg-10">
														<textarea class="form-control" id="content"></textarea>
													</div>
												</div>
												<!-- Cateogry -->
												<div class="form-group">
													<label class="control-label col-lg-2">Category</label>
													<div class="col-lg-10">
														<select class="form-control">
															<option value="">- Choose Cateogry -</option>
															<option value="1">General</option>
															<option value="2">News</option>
															<option value="3">Media</option>
															<option value="4">Funny</option>
														</select>
													</div>
												</div>
												<!-- Tags -->
												<div class="form-group">
													<label class="control-label col-lg-2" for="tags">Tags</label>
													<div class="col-lg-10">
														<input type="text" class="form-control" id="tags">
													</div>
												</div>

												<!-- Buttons -->
												<div class="form-group">
													<!-- Buttons -->
													<div class="col-lg-offset-2 col-lg-9">
														<button type="submit" class="btn btn-primary">Publish</button>
														<button type="submit" class="btn btn-danger">Save Draft</button>
														<button type="reset" class="btn btn-default">Reset</button>
													</div>
												</div>
											</form>
										</div>

									</div>
									<div class="widget-foot">
										<!-- Footer goes here -->
									</div>
								</div>
							</div>

						</div>

					</div>
					<!-- project team & activity end -->

				</section>
				<div class="text-right">
					<div class="credits">
						<!-- 
                    All the links in the footer should remain intact. 
                    You can delete the links only if you purchased the pro version.
                    Licensing information: https://bootstrapmade.com/license/
                    Purchase the pro version form: https://bootstrapmade.com/buy/?theme=NiceAdmin
                -->
						<a href="https://bootstrapmade.com/free-business-bootstrap-themes-website-templates/">Business Bootstrap Themes</a> by
						<a href="https://bootstrapmade.com/">BootstrapMade</a>
					</div>
				</div>
			</section>
			<!--main content end-->
		</section>
		<!-- container section start -->

		<!-- javascripts -->
		<script src="js/jquery.js"></script>
		<script src="js/jquery-ui-1.10.4.min.js"></script>
		<script src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
		<!-- bootstrap -->
		<script src="js/bootstrap.min.js"></script>
		<!-- nice scroll -->
		<script src="js/jquery.scrollTo.min.js"></script>
		<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
		<!-- charts scripts -->
		<script src="assets/jquery-knob/js/jquery.knob.js"></script>
		<script src="js/jquery.sparkline.js" type="text/javascript"></script>
		<script src="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
		<script src="js/owl.carousel.js"></script>
		<!-- jQuery full calendar -->
		<<script src="js/fullcalendar.min.js"></script>
			<!-- Full Google Calendar - Calendar -->
			<script src="assets/fullcalendar/fullcalendar/fullcalendar.js"></script>
			<!--script for this page only-->
			<script src="js/calendar-custom.js"></script>
			<script src="js/jquery.rateit.min.js"></script>
			<!-- custom select -->
			<script src="js/jquery.customSelect.min.js"></script>
			<script src="assets/chart-master/Chart.js"></script>

			<!--custome script for all page-->
			<script src="js/scripts.js"></script>
			<!-- custom script for this page-->
			<script src="js/sparkline-chart.js"></script>
			<script src="js/easy-pie-chart.js"></script>
			<script src="js/jquery-jvectormap-1.2.2.min.js"></script>
			<script src="js/jquery-jvectormap-world-mill-en.js"></script>
			<script src="js/xcharts.min.js"></script>
			<script src="js/jquery.autosize.min.js"></script>
			<script src="js/jquery.placeholder.min.js"></script>
			<script src="js/gdp-data.js"></script>
			<script src="js/morris.min.js"></script>
			<script src="js/sparklines.js"></script>
			<script src="js/charts.js"></script>
			<script src="js/jquery.slimscroll.min.js"></script>
			<script>
				//knob
				$(function() {
					$(".knob").knob({
						'draw': function() {
							$(this.i).val(this.cv + '%')
						}
					})
				});

				//carousel
				$(document).ready(function() {
					$("#owl-slider").owlCarousel({
						navigation: true,
						slideSpeed: 300,
						paginationSpeed: 400,
						singleItem: true

					});
				});

				//custom select box

				$(function() {
					$('select.styled').customSelect();
				});

				/* ---------- Map ---------- */
				$(function() {
					$('#map').vectorMap({
						map: 'world_mill_en',
						series: {
							regions: [{
								values: gdpData,
								scale: ['#000', '#000'],
								normalizeFunction: 'polynomial'
							}]
						},
						backgroundColor: '#eef3f7',
						onLabelShow: function(e, el, code) {
							el.html(el.html() + ' (GDP - ' + gdpData[code] + ')');
						}
					});
				});
			</script>

	</body>

</html>